<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="shortcut icon" href="__IMG__/favicon.ico" />
		<link rel="bookmark" href="__IMG__/favicon.ico" type="image/x-icon" 　/>
		<title>开奖</title>
		<link rel="stylesheet" type="text/css" href="__CSS__/mui.min.css"/>
		<link rel="stylesheet" type="text/css" href="__CSS__/common.css"/>
		<link rel="stylesheet" type="text/css" href="__CSS__/index.css"/>
		<script src="__JS__/mui.min.js" type="text/javascript" charset="utf-8"></script>
		<style>
			.round_box i{
				width: 25px;
				height:25px;
				border-radius: 50%;
				background: #15C0FE;
				color: #fff;
				text-align: center;
				line-height: 25px;
			}
			.ch{
				border-radius: 1%!important;;
				color: #fff;
				border-right:3px;
				padding:0 2px;
			}
			.six_c{
				color: black !important;
			}
			.fast_c{
				background:  #fff !important;
			}

		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
		    <h1 class="mui-title">开奖</h1>
		    <a href="{:url('mine/service')}" class="right sever_box"><img class="width_100 mg_top5" src="__IMG__/icon_service.png" alt="" /></a>
		</header>
		{include file="common/nav" /}
		<div class="mui-content">
		    <div class="mui-page-content">
				<div class="">
					<div class="mui-scroll" style="padding-bottom: 100px;">
						<ul class="mui-table-view mui-table-view-chevron" style="border-bottom: 100px">
							{foreach $data as $k=>$v}
							<li class="mui-table-view-cell" >
								<a href="{:url('lottery/history',array('cate'=>$v['id']))}"  class="mui-navigate-right">
									<h6> 
										<span class="blue">{$v['name']}</span>
									    <span style="margin-left: 20px">第{$v['stage']}期({$v['dateline']})</span>

									</h6>
									<h4 class="blue mg_top5">
										<p class="round_box">
											{if $k<=1}
												{foreach $v['number'] as $kk=>$vv}
													{if $kk==2}
													<i>{$vv}</i>=
													{elseif $kk==3}
													<i>{$vv}</i>
											        {else/}
											        <i>{$vv}</i>+
													{/if}
												{/foreach}
											{elseif $k==10}
											{foreach $v['number'] as $kk=>$vv}
												{if $kk==6}
												+<i class="six_c round six_{$vv|getColor}">{$vv}</i>
												{else/}
												<i class="six_c round six_{$vv|getColor}">{$vv}</i>
												{/if}
											{/foreach}
											{elseif $k==2 || $k==3}
												{foreach $v['number'] as $kk=>$vv}
												<i class="ch bg_{$vv}">{$vv}</i>
												{/foreach}
											{elseif $k==8}
											{foreach $v['number'] as $kk=>$vv}
											<i class="fast_c"><img height="25px" src="__IMG__/fast{$vv}.png"></i>
											{/foreach}
											{else/}
											    {foreach $v['number'] as $kk=>$vv}
													<i>{$vv}</i>
												{/foreach}
											{/if}
										</p>
										<p class="red mg_top10">{$v['detail']}</p>
									</h4>
								</a>
							</li>
							{/foreach}
						</ul>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
